<template>
    <!--  头部搜索组件 -->
    <div class="sx-clubDetails-header">
        <el-input v-model="input3" class="input-with-select">
            <el-select v-model="select" slot="prepend" placeholder="请选择">
                <el-option label="全部" value="1"></el-option>
                <el-option label="欢迎投递" value="2"></el-option>
                <el-option label="人数已满" value="3"></el-option>
            </el-select>
            <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
    </div>
</template>
<script>

export default{
    name: 'headerSearch',
    data() {
        return {
            input3: '',
            select: '',
            currentPage4: 1,
        }
    },
    methods: {}
}
</script>

<style lang="scss">
.sx-clubDetails-header{
    background-color: #fff;
    width: 800px;
    margin: 0 auto;
    .input-with-select{
        background-color: #fff;
    }
}
.el-select .el-input, .el-button {
    width: 130px;
}
</style>